// header样式开始
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.w960{
    width: 960px;
    margin: 0 auto;
}
.x_top_box{
    height: 28px;
    border-bottom: 1px solid #E2E2E2;
    font-size: 12px;
    color: #353535;
    .x_top{
        height: 28px;
        line-height: 28px;
        .x_top_sp1{
            float: left;
            margin-right: 37px;
            color:#333;
        }
        .x_top_login{
            float: left;
            margin-right: 20px;
            color:#333;
        }
        .x_top_login:hover{
            color: #D80202;
        }
        .x_top_sign{
            float: left;
            margin-right: 170px;
            color: #D80202;
        }
        .x_top_sign::hover{
            color: #D80202;
        }
    }
}
.x_t_nav_ul{
    position: absolute;
    top: 27px;
    left: -1px;
    background-color: #fff;
    border:1px solid transparent;
    border-top: none;
    width: 100%;
    display: none;
    li{
        float: left;
        width: 100%;
        text-align: center;
        font-size: 12px;
        color:#333;
        padding:8px 0;
        line-height: 12px;
    }
}
.x_top_ul{
    float: right;
    &>li{
        float: left;
        margin-right: 26px;
        position: relative;
        padding:0 13px;
        border:1px solid transparent;
        a{
            display: inline-block;
            font-size: 12px;
            line-height: 1;
            color: #333;
            .nav_i{
                display:inline-block;
                width:0;
                height:0;
                border-width:5px;
                border-style:solid;
                border-color:#838383 transparent transparent;
                vertical-align: text-bottom;
                margin-left: 5px;
            }
        }
        a:hover{
            color: #D80202;
            .nav_i{
                border-color:#D80202 transparent transparent;
            }
        }
    }
    &>li.x_li_drop-down:hover{
        border:1px solid #e5e5e5;
        border-bottom: none;
        .x_t_nav_ul{
            border:1px solid #e5e5e5;
            border-top: none;
            display: block;
        }
        &>a{
            color: #D80202;
        }
        a .nav_i{
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-transform-origin: 50% 20% 0;
            -moz-transform-origin: 50% 20% 0;
            -ms-transform-origin: 50% 20% 0;
            -o-transform-origin: 50% 20% 0;
            transform-origin: 50% 20% 0;
            -webkit-transition: all 0.2s ease-in 0s;
            -moz-transition: all 0.2s ease-in 0s;
            -ms-transition: all 0.2s ease-in 0s;
            -o-transition: all 0.2s ease-in 0s;
            transition: all 0.2s ease-in 0s;
        }
    }
    &>li:last-child{
        margin-right: 0;
    }
    a.lasta{
        border-right:none;
    }
}
//header样式结束
// logo、搜索框样式开始
.x_header{
    height: 161px;
    .x_amhw_lo,.slogan{
        width: 216px;
        height: 61px;
        float: left;
        margin-top: 51px;
    }
    .slogan{
        border-left: 1px solid #BEBDBD;
        margin-left: 26px;
        padding-left: 22px;
        .slogan_top{
            display: block;
            width:104px;
            height:26px; 
            font-size:26px;
            color:rgba(51,51,51,1);
        }
        .slogan_bot{
            display:block;
            width:176px;
            height:13px; 
            font-size:14px;
            color:rgba(51,51,51,1);
            margin-top: 19px;
        }
    }
    .x_input_box {
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 66px;
        margin-left: 140px;
    }
    .x_inputTxt {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 435px;
        height: 40px;
        line-height: 35px;
        padding: 0 10px;
        color: #787878;
        border: 1px solid #BEBDBD;
        float: left;
        border-left: none;
        border-right:none;
        font-size: 14px;
    }
    .x_inputBtn {
        width: 88px;
        height: 40px;
        border: none;
        cursor: pointer;
        text-align: center;
        line-height: 40px;
        border: 1px solid #BEBDBD;
        background: #fff;
        float: left;
        font-size: 16px;
        color: #E33F40;
    }
}
select[name=change] {
    float: left;
    height: 40px;
    border: 1px solid #BEBDBD;
    border-right: 1px solid #eee;
    color: #333333;
    outline: none;
    padding-left: 15px;
    font-size: 12px;
}
//logo、搜索框样式结束
//主导航tab切换样式开始
.x_tab_box{
    box-shadow:2px 2px 2px rgba(0,0,0,0.08);
}
.x_tab_con{
    border-bottom: 1px solid rgba(227,63,64,1);
    .x_tab_left{
        position: relative;
        width: 220px;
        height: 61px;
        line-height: 61px; 
        background: #E33F40;
        color: #fff;
        font-size: 22px;
        text-align: center;
        float: left;
    }
    .x_top_right{
        line-height: 41px;
        padding-top: 19px;
        &>li{
            float: left;
            position: relative;
            margin-left: 30px;
            a{
                display: inline-block;
                font-size: 20px;
                color: #333;
                padding: 0 15px;
            }
        }
        a.flevel:hover{
            background: #E33F40;
            color: #fff;
        }
        &>li.dropSelect:hover{
            &>a{
                background: #E33F40;
                color: #fff;
            }
            .dropCont{
                display: block;
            }
            // &:after{
            //     content: "";
            //     background: url('/images/lineTo.png') no-repeat top left;
            //     width: 5px;
            //     height: 21px;
            //     display: block;
            //     margin-left: 45px;
            //     position:absolute;
            //     z-index: 2000;
            // }
        }
        &>li.dropSelect .dropCont{
            position: absolute;
            // top: 63px;
            top: 41px;
            background-color:rgba(51,51,51,0.95);
            color: #fff;
            width: 100%;
            display: none;
            z-index: 2000;
            li{
                width: 100%;
                text-align:center;
                height: 28px;
                line-height: 28px;
                a{
                    display: inline-block;
                    color: #fff;
                    font-size: 14px;
                    padding: 0 15px;
                }
            }
        }
    }
}
//主导航tab切换样式结束
//nav导航、最新采购信息展示样式开始
.x_nav_box{
    height: 448px;
    margin-top: 20px;
    .x_navs{
        position: relative;
    }
}
//左边导航部分
.x_nav_left{
    width: 220px;
    float: left;
    height: 448px;
    overflow: hidden;
    background: #b5b5b5;
    // color: #fff;
    dl:hover .x_nav_left_a {
        color: #D01112;
        // background-color: #fff;
    }
    dl:hover dd {
        display: block;
    }
    dt{
        position: relative;
    }
    dt:hover a{
        color: #fff;
    }
    dd {
        position: absolute;
        top: 0;
        left: 220px;
        height: 450px;
        width: 720px;
        z-index: 15;
        background: #fff;
        border: 1px solid #D01112;
        box-sizing: border-box;
        -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.08);
        box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.08);
        display: none;
        overflow: hidden;
        ul {
            margin-left: 19px;
            width: 701px;
            overflow: hidden;
            border-bottom: 1px dashed #E4E4E4;
            &:last-child {
                border-bottom: none;
            }
        }
        .x_nav_left_dd_a {
            color: #E70202;
            font-size: 14px;
            line-height: 14px;
            display: block;
            padding:10px 0 10px 0;
        }
        .x_nav_left_dd_dv {
            max-height: 44px;
            overflow: hidden;
            a {
                float: left;
                margin: 0 29px 10px 0;
                font-size: 12px;
                line-height: 12px;
                color: #353535;
            }
            a:hover {
                color: #D50808;
            }
        }
    }
}
.x_nav_left_a {
    line-height: 32px;
    height: 32px;
    width: 205px;
    display: block;
    color: #363636;
    padding-left: 15px;
    overflow: hidden;
    i{
        font-size: 18px;
        img{
            width: 18px;
            height: 18px;
        }
    }
    &:hover{
        color: #D50808!important;
        background-color: #f2f6f9!important;
    }
    span{
        width: 135px;
        display: inline-block;
        vertical-align: bottom;
        height: 32px;
        overflow: hidden;
        margin-left: 10px;
    }
}
//右边求购信息展示
.x_nav_right{
    width:960px;
    margin-left: 240px;
    .buyInfo_top{
        height:300px; 
        background:rgba(242,246,249,1);
        box-shadow:1px 0px 10px rgba(0,0,0,0.2);
        .titlePlay_top{
            display: inline-block;
            background: #F85859;
            color: #fff;
            font-size: 16px;
            padding:1px 32px 1px 10px;
            margin-top: 5px;
            border-top-right-radius:12px;
            border-bottom-right-radius:12px;
        }
        .buyInfo_content{
           .leftCont,.rightCont{
               display: inline-block;
               position: relative;
               width:477px;
               border-right: 1px solid rgba(218,218,218,0.7);
                .gressBar{
                    position: absolute;
                    top: 21px;
                    left: 9px;
                    img{
                        width: 13px;
                    }
                }
                .cont_info{
                    margin-left: 32px;
                    margin-top: 14px;
                    width: 400px;
                    height: 255px;
                    overflow: hidden;
                    .buyDate{
                        font-size: 12px;
                        color: #666;
                    }
                    .buyCont{
                        width:396px;
                        height:30px;
                        line-height: 30px; 
                        background:#fff;
                        box-shadow:2px 0px 10px rgba(0,0,0,0.2);
                        margin-top: 8px;
                        padding-left: 20px;
                        font-size: 14px;
                        position: relative;
                        .newest{
                            position: absolute;
                            right: 0;
                            padding: 1px 4px;
                            line-height: 16px;
                            background: #E5E4E4;
                            color: #F26363;
                            font-size: 12px;
                            border-top-left-radius: 8px;
                            border-bottom-left-radius: 8px;
                        }
                    }
                    .gotoDetail{
                        color: #333;
                        .pieceInfo{
                            margin-bottom: 5px;
                        }
                    } 
                }
           }
           .rightCont{
                border-right:0;
                .gressBar{
                    left: 38px;
                }
                .cont_info{
                    margin-left: 61px;
                }
           } 
        }
    }
    .buyInfo_bot{
        height:138px;
        margin-top: 10px;
        box-shadow:1px 0px 10px rgba(0,0,0,0.3);
        .titlePlay_bot{
            display: inline-block;
            color: #E33F40;
            font-size: 16px;
            margin-left: 10px;
            margin-top: 5px;
        }
        .left_hotBuy,.right_hotBuy{
            display: inline-block;
            width: 477px;
            height: 100px;
            overflow: hidden;
            margin-top: 10px;
            border-right: 1px solid rgba(218,218,218,0.7);
            .piece_hotInfo{
                margin-bottom: 4px;
                .hotAsk{
                    margin: 0 5px 0 9px;
                    img{
                        width:9px;
                    }
                }
                .hotAskCont,.hotAskDate{
                    font-size: 14px;
                    color: #333;
                }
                .hotAskCont{
                    display: inline-block;
                    width: 310px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    word-wrap: normal;
                }
                .hotAskDate{
                    margin-left: 10px;
                }
            } 
        }
        .right_hotBuy{
            border-right:0;
            padding-left: 32px;
        }
    }
}
//nav导航、最新采购信息展示样式结束
// 采购商广告位样式开始
.adver_box{
    margin: 10px 0;
    .adver{
        height: 90px;
        img{
            width: 595px;
            float: left;
        }
    }
}
// 采购商广告位样式结束
// 求购信息推荐样式开始
.infoRecommend{
    color: #333;
    font-size: 16px;
    .recommendCont{
        height: 750px;
        box-shadow: 0 2px 2px rgba(0,0,0,0.06);
    }
}
.titleBar{
    height: 57px;
    .titleDisplay{
        text-align: center;
        line-height: 57px;
        img{
            width: 54px;
        }
        span{
            padding: 0 10px;
            font-weight: Bold;
        }
    }
}
.contTab{
    ul.tabTitle{
        height: 40px;
        line-height: 40px;
        border: 1px solid #DADADA;
        margin-bottom: 10px;
        li{
            float:left;
            width:200px;
            text-align: center;
            border-right: 1px solid #DADADA;
            &:last-child{
                border-right: none;
            }
        }
        li.tabSelected{
            background: #E33F40;
            color:#fff;
        }
    }
}
.changeState{
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.45);
}
.piece_tabCon_info{
    position: relative;
    min-width:291px;
    height:300px; 
    border: 1px solid #D9D7D7;
    float: left;
    margin-bottom: 11px;
    margin-right: 12px;
    &:nth-child(4n){
        margin-right: 0;
    }
    .pieceCont{
        width: 250px;
        margin-left: 21px;
        .info_t{
            margin-top: 20px;
            padding-bottom: 8px;
            border-bottom: 1px solid #D9D7D7;
            .tit1,.tit2{
                line-height: 36px;
            }
            .tit1{
                font-weight: bold;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
            }
            .tit2>div{
                display: inline-block;
            }
            .info_count>span{
                font-weight: bolder;
                color: #E33F40;
            }
            .info_quote{
                margin-left: 22px;
            }
            .info_quote>span{
                color: #3787F5;
            }
        }
        .info_m{
            margin-top: 9px;
            padding-bottom: 45px;
            border-bottom: 1px solid #D9D7D7;
            &>div{
                line-height:36px;
            }
        }
        .info_b{
            line-height: 36px;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
        }
        .quoteBtn{
            display: none;
            position: absolute;
            bottom: -58px;
            z-index: 2000;
            background: #fff;
            width: 291px;
            border: 1px solid #D9D7D7;
            box-shadow: -1px 6px 10px rgba(0,0,0,.45);
            height: 58px;
            line-height: 58px;
            border-top: none;
            left: -1px;
            text-align: center;
            a{
                padding: 6px 12px;
                color: #fff;
                background-color: #E33F40;
                border-radius: 4px ;
            }
        }
    }
    
}

// 求购信息推荐样式结束
//footer样式开始
.x_footer {
    background-color: #2C2C2C;
    .footer_con{
        width: 1200px;
        margin: 0 auto 40px;
        padding-top: 30px;
        text-align: center;
    }
    .footer_dl1{
        padding: 0 0 0 75px;
        position: relative;
        dl{
            float: left;
            margin-right: 170px;
        }
        dd{
            font-size: 14px;
            margin-top: 10px;
        }
        dt a{
            font-size: 15px;
            font-weight: bold;
        }
        dt a:hover{
            color: white;
            cursor: default;
        }
    }
    a{
        color: #fff;
        font-size: 12px;
    }
    a:hover{
        color: #D50808;
    }
    .footer_er {
        margin-top: 20px;
        float: left;
        p{
            font-size: 12px;
            color: #fff;
            margin-top: 5px;
        }
    }
    .footer_copy{
        padding-bottom: 20px;
        width: 1200px;
        margin: 0 auto;
        color: #fff;
        font-size: 14px;
        text-align: center;
        .p2{
            margin:5px auto 0;
            text-align: center;
            font-size: 12px;
            line-height: 1.5;
        }
    }
}
// 诚信示范单位
.x_footer .cheginren{
    position: absolute;
    right: 40px;
    top: 37px;
}
//footer样式结束
